<!DOCTYPE html>
<html lang="zh">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>BOSS直聘22001011032刘晓妍</title>
    <link rel="stylesheet" href="./css/recommend.css" />

    <script src="./js/goPage.js"></script>
    <script src="./js/getname.js"></script>
    <style></style>
  </head>
  <body>
    <header class="header">
      <div class="logo">BOSS直聘</div>
      <nav class="nav-menu">
        <a href="./index.html">首页</a>
        <a href="./recommend.html">推荐</a>
        <a href="#">搜索·公司</a>
        <a href="#">校园·海归</a>
        <a href="#">APP</a>
        <a href="#">资讯</a>
        <a href="#">有了</a>
        <a href="#">海外</a>
        <a href="#">无障碍专区</a>
      </nav>
      <div class="user-info">
        <span>消息</span>
        <span>简历</span>
        <span id="username" onclick="goToPage('./user.html')">默认用户名</span>
      </div>
    </header>

    <div class="search-bar">
      <div class="search-title">
        <h3>推荐职位</h3>
        <span>前端开发工程师（大连）</span>
        <button>添加求职期望</button>
      </div>
      <div class="filter-tags">
        <div class="filter-tag">大连</div>
        <div class="filter-tag">求职类型</div>
        <div class="filter-tag">薪资待遇</div>
        <div class="filter-tag">工作经验</div>
        <div class="filter-tag">学历要求</div>
        <div class="filter-tag">公司行业</div>
        <div class="filter-tag">公司规模</div>
        <span class="clear-filter">清空筛选条件</span>
      </div>
    </div>

    <div class="main-content">
      <div class="job-list" id="jobList">
        <!-- 职位列表会通过JavaScript动态生成 -->
      </div>
      <div class="job-detail" id="jobDetail">
        <!-- 职位详情会通过JavaScript动态生成 -->
      </div>
    </div>

    <script></script>
    <script src="./js/recommend.js"></script>
  </body>
</html>
